<template>
  <pre>{{ modelDisplay }}</pre>
  <br />
  <hr />
  <br />
  <!-- <MyLi
    v-for="{ item, index } in model"
    :key="item"
    v-model="model[index]"
  ></MyLi> -->

  <MyLi v-model="model"></MyLi>
</template>
<script lang="ts" setup>
import { computed, watch } from 'vue';

import MyLi from './components/my-li/MyLi.vue';

defineOptions({
  name: 'VFor',
});

const model = defineModel<any[]>({ default: () => ['hello', 'world'] });

const modelDisplay = computed(() => JSON.stringify(model.value, null, '\t'));



// const modelStr = "dddd"
</script>
<!-- <style scoped></style> -->
